﻿#wrapper-header {
    width: 100%;
    height: 107px;
    background: url('../img/nav-below-bg.png');
}

#logo-header {
    width: 100%;
    height: 70px;
    position: relative;
}

#logo-img {
    width: 190px;
    height: 55px;
    background-image: url('../img/logo.png');
    top: 5px;
    position: absolute;
}

#nav {
    background: url('../img/menu_bg.png');
    width: 100%;
    height: 37px;
}

#ul-nav {
    list-style: none;
    height: 100%;
}

    #ul-nav li {
        display: inline-block;
        padding: 7px 15px;
        border-right: 1px dotted gray;
    }

        #ul-nav li a {
            text-decoration: none;
            font-size: 1.2em;
        }

#wrapper-content {
    width: 100%;
    height: 1000px;
    margin-top: 30px;
}

#content-left {
    width: 19%;
    height: 1000px;
    float: left;
}

.box-nav {
    border-radius: 7px;
    width: 90%;
    height: auto;
    margin: auto;
    background: rgb(209,209,209); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(209,209,209,1) 25%, rgba(219,219,219,1) 50%, rgba(254,254,254,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(25%,rgba(209,209,209,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, rgba(209,209,209,1) 25%,rgba(219,219,219,1) 50%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, rgba(209,209,209,1) 25%,rgba(219,219,219,1) 50%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, rgba(209,209,209,1) 25%,rgba(219,219,219,1) 50%,rgba(254,254,254,1) 100%); /* IE10+ */
    background: linear-gradient(135deg, rgba(209,209,209,1) 25%,rgba(219,219,219,1) 50%,rgba(254,254,254,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#fefefe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.box-nav-title {
    border-radius: inherit;
    padding: 4px 15px;
    background: rgb(206,220,231); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}

.ul-box-nav {
    list-style: none;
    height: 100%;
}

    .ul-box-nav li {
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .ul-box-nav li:nth-child(1) {
            display: inline-block;
            padding-top: 0px;
            padding-bottom: 5px;
        }

        .ul-box-nav li a {
            text-decoration: none;
            color: black;
        }

.sp {
    font-size: 1.2em;
    color: blue;
}


#content-right {
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 53%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(53%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 53%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 53%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 53%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 53%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    width: 80%;
    height: 1000px;
    float: right;
    border-radius: 7px;
}

.tbl-historytrans {
    width: 100%;
    border: 1px solid;
}

    .tbl-historytrans tbody tr {
        background: #edc055;
    }

    .tbl-historytrans td {
        text-align:center;
    }
